<template>
	<view class="app-public-msg-detail-quick">
		<scroll-view class="app-public-msg-detail-quick__scroll" scroll-x>
			<view class="app-public-msg-detail-quick__scroll__wrapper">
				<view class="app-public-msg-detail-quick__scroll__item bg-white" @tap="$emit('send','发货时间')">
					发货时间
				</view>
				<view class="app-public-msg-detail-quick__scroll__item">
					快递什么时候看到
				</view>
				<view class="app-public-msg-detail-quick__scroll__item">
					默认发什么快递
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
	@include appBem_b(public-msg-detail-quick) {
		height: 36px;

		@include appBem_e(scroll) {
			@include flex;
			flex: 1;
			height: 26px;

			&__wrapper {
				@include flex;
				padding: 0 20rpx
			}

			&__item {
				@include flex;
				height: 26px;
				padding: 0 26rpx;
				border-radius: 28rpx;
				align-items: center;
				justify-content: center;
				margin-right: 14rpx;
			}
		}
	}
</style>